<template>
    <ul class="center">
        <CartItem v-for="good in list" :good="good" :key="good.id" />
    </ul>
</template>

<script>
import CartItem from "./CartItem.vue";
import { mapState } from "vuex";
export default {
    name: "CartList",
    components: {
        CartItem,
    },
    computed: {
        ...mapState(["list"]),
    },
};
</script>

<style>
.center {
    width: 100%;
}
</style>
